---
title: webpack
sort: -1
---

import FirstLeft from '../components/Splash/first/left.mdx';
import FirstRight from '../components/Splash/first/right.mdx';
import SecondLeft from '../components/Splash/second/left.mdx';
import SecondRight from '../components/Splash/second/right.mdx';

## Write Your Code

<div className="splash__wrap">
  <div className="splash__left">
    <FirstLeft />
  </div>
  <div className="splash__right">
    <FirstRight />
  </div>
</div>

## Bundle It

<div className="splash__wrap">
  <div className="splash__left">
    <SecondLeft />
  </div>
  <div className="splash__right">
    <SecondRight />
  </div>
</div>

Then run `webpack` on the command-line to create `bundle.js`.

## Awesome, isn't it? Let's dive in!

**[Get Started](/guides/getting-started)** quickly in our **Guides** section, or dig into the **[Concepts](/concepts)** section for more high-level information on the core notions behind webpack.
